<template>
  <div id="aside" >
    <el-menu :default-active="this.$route.fullPath" class="el-menu-vertical-demo"
             @open="handleOpen" @close="handleClose"
             :collapse="$store.state.isCollapse"
             background-color="rgb(60,63,65)"
             text-color="white"
             router>
      <el-menu-item index="/admin/dashBoard">
        <i class="el-icon-s-data"></i>
        <template slot="title">
          <span slot="title">统计</span>
        </template>
      </el-menu-item>
      <el-submenu index="/admin/unit">
        <template slot="title">
          <i class="el-icon-menu"></i>
          <span slot="title">入驻机构管理</span>
        </template>
        <el-menu-item index="/admin/companyList">企业</el-menu-item>
        <el-menu-item index="/admin/universityList">学校</el-menu-item>
        <el-menu-item index="/admin/studentList">学生</el-menu-item>
      </el-submenu>
      <el-submenu index="/admin/audit">
        <template slot="title">
          <i class="el-icon-menu"></i>
          <span>综合审核管理</span>
        </template>
        <el-menu-item index="/admin/auditCompany">企业驻入申请</el-menu-item>
        <el-menu-item index="/admin/auditUniversity">学校驻入申请</el-menu-item>
        <el-menu-item index="/admin/videoApp">视频提交审核</el-menu-item>

      </el-submenu>
      <el-submenu index="/admin/resource">
        <template slot="title">
          <i class="el-icon-document"></i>
          <span>站内资源管理</span>
        </template>
        <el-menu-item index="/admin/practice">题库</el-menu-item>
        <el-menu-item index="/admin/studyVideo">视频</el-menu-item>
      </el-submenu>
      <el-submenu index="/admin/companyResource">
        <template slot="title">
          <i class="el-icon-document"></i>
          <span>企业资源管理</span>
        </template>
        <el-menu-item index="/admin/companyPractice">题库</el-menu-item>
        <el-menu-item index="/admin/companyStudyVideo">视频</el-menu-item>
        <el-menu-item index="/admin/companyRecList">岗位</el-menu-item>
      </el-submenu>
      <el-submenu index="/admin/auditComplaint">
        <template slot="title">
          <i class="el-icon-document"></i>
          <span>举报信息管理</span>
        </template>
        <el-menu-item index="/admin/auditComplaint">举报管理</el-menu-item>
        <el-menu-item index="/admin/reportType">举报类型管理</el-menu-item>
      </el-submenu>
      <el-submenu index="/admin/user">
        <template slot="title">
          <i class="el-icon-setting"></i>
          <span>个人信息管理</span>
        </template>
        <el-menu-item index="/admin/pwdChange">密码修改</el-menu-item>
      </el-submenu>
    </el-menu>
  </div>
</template>

<script>
export default {
  name: "Aside",
  data() {
    return {
      isCollapse: true
    };
  },
  methods: {
    handleOpen(key, keyPath) {
      console.log(this.$route.meta)
      // console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      // console.log(key, keyPath);
    }
  }
}
</script>

<style scoped>
.el-menu--collapse{
  min-height: 100vh;
}
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
  min-height:  100vh;
}


</style>
